import { createApp } from 'vue'
import App from '@/App.vue'

// 从入口文件中导入svg
import 'virtual:svg-icons-register'

// 引入element-plus插件与样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// 引入中文
//@ts-ignore
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

// 引入图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 生成app实例
const app = createApp(App)

// 装图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

// 装ui库
app.use(ElementPlus, {
  locale: zhCn, //element - plus 国际化的配置
})


// import SvgIcon from '@/components/SvgIcon/index.vue'
// app.component('SvgIcon1',SvgIcon)

//引入自定义插件对象：注册整个项目全局组件
import globalComponent from '@/components/index'
//安装自定义插件
app.use(globalComponent)  //use的时候install方法会被自动调用
//console.log(globalComponent); //是一个对象，有install方法


// 拿到环境变量
console.log(import.meta.env)

// 挂载
app.mount('#app')
